<template>
	<div class="header">
		<div class="header-back"></div>
		<div class="header-title">列表</div>
	</div>
	<div class="header-row"></div>
	<div class="main-body">
		<div class="pd-5 bg-fff">row-item 单行</div>
		<div class="row-box pdt-0 mgb-5">
			<navigator class="row-item-text">
				<i class="row-item-icon icon-comment"></i>
				<div class="flex-1"> 无右图标</div>
			</navigator>
			<navigator class="row-item">
				<i class="row-item-icon icon-text"></i>
				<div class="flex-1">我的帖子</div> 
			</navigator>
			
			<navigator url="index.html?m=fav&a=my" class="row-item">
				<i class="row-item-icon icon-favor"></i>
				<div class="flex-1">我的收藏</div>
				
			</navigator>
		</div>
		<div class="pd-5 bg-fff">flexlist 单列布局</div>
		<div class="flexlist">
			<div class="flexlist-item bg-fff">
				<navigator class="flexlist-imgbox" url="index.html?m=forum&a=show">
					<img class="flexlist-img" src="img/100x100.jpg">
				</navigator>
				<div class="flex-1">
					<navigator class="flexlist-title" url="index.html?m=forum&a=show">唠叨</navigator>
					<div class="flexlist-row">
						主题数
						<text class="cl-num mgl-5 mgr-10 flex-center">1</text>

						评论数
						<text class="cl-num  mgl-5 flex-center">0</text>
					</div>
					<div class="flexlist-desc">美女</div>
				</div>

			</div>
			<div class="flexlist-item bg-fff">
				<navigator class="flexlist-imgbox" url="index.html?m=forum&a=show">
					<img class="flexlist-img" src="img/100x100.jpg">
				</navigator>
				<div class="flex-1">
					<navigator class="flexlist-title" url="index.html?m=forum&a=show">唠叨</navigator>
					<div class="flexlist-row">
						主题数
						<text class="cl-num mgl-5 mgr-10 flex-center">1</text>

						评论数
						<text class="cl-num  mgl-5 flex-center">0</text>
					</div>
					<div class="flexlist-desc">美女</div>
				</div>
			</div>
		</div>
		<div class="pd-5 bg-fff">多列布局 mtlist</div>
		<div class="mtlist">
			<div class="mtlist-item">
				<div class="mtlist-item-bd">
					<navigator class="mtlist-imgbox" url="index.html?m=product&amp;a=show">
						<img class="mtlist-img" src="img/300x150.png">
					</navigator>
					<div class="mtlist-item-pd">
						<div class="mtlist-item-money">
							<div class="mtlist-item-money-flex">￥<text class="mtlist-item-money_money">99</text></div>
							<div class="mtlist-item-money_num">月销10件</div>
						</div>
						<div class="mtlist-title">这是标题</div>
						<div class="mtlist-desc">这是描述</div>
					</div>
				</div>
			</div>
			<div class="mtlist-item">
				<div class="mtlist-item-bd">
					<navigator class="mtlist-imgbox" url="index.html?m=product&amp;a=show">
						<img class="mtlist-img" src="img/300x150.png">
					</navigator>
					<div class="mtlist-item-pd">
						<div class="mtlist-item-money">
							<div class="mtlist-item-money-flex">￥<text class="mtlist-item-money_money">99</text></div>
							<div class="mtlist-item-money_num">月销10件</div>
						</div>
						<div class="mtlist-title">这是标题</div>
						<div class="mtlist-desc">这是描述</div>
					</div>
				</div>
			</div>
			<div class="mtlist-item">
				<div class="mtlist-item-bd">
					<navigator class="mtlist-imgbox" url="index.html?m=product&amp;a=show">
						<img class="mtlist-img" src="img/300x150.png">
					</navigator>
					<div class="mtlist-item-pd">
						<div class="mtlist-item-money">
							<div class="mtlist-item-money-flex">￥<text class="mtlist-item-money_money">99</text></div>
							<div class="mtlist-item-money_num">月销10件</div>
						</div>
						<div class="mtlist-title">这是标题</div>
						<div class="mtlist-desc">这是描述</div>
					</div>
				</div>
			</div>
			<div class="mtlist-item">
				<div class="mtlist-item-bd">
					<navigator class="mtlist-imgbox" url="index.html?m=product&amp;a=show">
						<img class="mtlist-img" src="img/300x150.png">
					</navigator>
					<div class="mtlist-item-pd">
						<div class="mtlist-item-money">
							<div class="mtlist-item-money-flex">￥<text class="mtlist-item-money_money">99</text></div>
							<div class="mtlist-item-money_num">月销10件</div>
						</div>
						<div class="mtlist-title">这是标题</div>
						<div class="mtlist-desc">这是描述</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</template>
